<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 10px !important;
}

.size {
	width: 650px;
	position: relative;
	left: 22%;
	top: 10%;
}

.centro {
	top: 50%
}

.tabela {
	width: 750px;
}
</style>


	<title>Processamento de Resultado</title>
</h:head>

<h:body>

	<ui:decorate template="/templateBase.xhtml">

		<ui:define name="center">
			<p:growl id="growl" life="3000" autoUpdate="true" />
			<h:form prependId="true" id="formResultado">
				<br />
				<br />
				<br />
				<br />
				<p:panel header="Processamento de Resultado" styleClass="size"
					footer="SAIES - Sistema de Avaliação Institucional de Ensino Superior">
					<br />


					<h:selectOneRadio>
						<f:selectItem itemLabel="Curso específico" />
						<f:selectItem itemLabel="Todos os cursos" />
					</h:selectOneRadio>

					<br />
					<h:panelGrid columns="4" cellspacing="5">
						<h:outputText value="Período Letivo: " />
						<p:inputText size="5" />
						<p:inputText size="17" disabled="true" />
						<p:commandButton icon="ui-icon-search" />

						<h:outputText value="Avaliação: " />
						<p:inputText size="5" />
						<p:inputText size="30" disabled="true" />
						<p:commandButton icon="ui-icon-search"
							oncomplete="dlgPesquisaAvl.show()" update=":formPesquisaAvaliacao:tblAvl" />

						<h:outputText value="Curso: " />
						<p:inputText size="5" />
						<p:inputText size="30" disabled="true" />
						<p:commandButton icon="ui-icon-search"
							oncomplete="dlgPesquisaCurso.show()" update=":formPesquisaCurso:tblCurso" />
					</h:panelGrid>
					<br />
					<br />
					<div align="center">
						<h:panelGrid columns="2">
							<p:commandButton value="Processar" />
							<p:commandButton value="Cancelar" />
						</h:panelGrid>
					</div>

				</p:panel>
			</h:form>

			<h:form id="formPesquisaAvaliacao">
				<p:dialog widgetVar="dlgPesquisaAvl" width="500" height="350"
					modal="true" appendToBody="true" showEffect="clip"
					hideEffect="clip">
					<p:dataTable rows="10" id="tblAvl"
						emptyMessage="Não foi encontrado nenhuma avaliação cadastrada na base de dados!">
						<p:column headerText="ID">

						</p:column>
						<p:column headerText="Descrição">

						</p:column>
						<p:column headerText="Tipo">

						</p:column>
						<p:column headerText="Público">

						</p:column>
						<p:column headerText="Data Início">

						</p:column>
						<p:column headerText="Data Fim">

						</p:column>
						<p:column headerText="Status">

						</p:column>
					</p:dataTable>
				</p:dialog>
			</h:form>


			<h:form id="formPesquisaCurso">
				<p:dialog widgetVar="dlgPesquisaCurso" width="400" height="300"
					modal="true" appendToBody="true" hideEffect="clip"
					showEffect="clip">
					<p:dataTable rows="10" id="tblCurso"
						emptyMessage="Não foi encontrado nenhum curso cadastrado na base de dados!">
						<p:column headerText="ID">

						</p:column>
						<p:column headerText="Curso">

						</p:column>
						<p:column headerText="Área">

						</p:column>
					</p:dataTable>
				</p:dialog>
			</h:form>

		</ui:define>
	</ui:decorate>
</h:body>
</html>